<!DOCTYPE HTML>
<html>
<head>
    <title>我要租房</title>
    <% include common/meta.ejs %>
    <% include common/public.ejs %>
    <style>
        .weui-col-33{
            border: none;
        }
    </style>
</head>

<body ontouchstart="">
<%
 var houseType = {
     "01":"一室一厅",
     "02":"二室一厅"
 };
 %>

<!--<div class="title">
    <div  style="font-size:18px">我要租房</div>
</div>-->


<div class="weui_tab">

    <div class="weui_tab_bd" style="overflow-x: hidden">
        <div class="swiper-container" data-space-between='10' >
            <div class="swiper-wrapper"  style="position: relative">
                <div class="swiper-slide">
                    <img src="<%= global.config.publicPath %>/page/img/banner/1.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="<%= global.config.publicPath %>/page/img/banner/2.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="<%= global.config.publicPath %>/page/img/banner/3.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="<%= global.config.publicPath %>/page/img/banner/4.jpg">
                </div>

            </div>
            <div style="position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);opacity: 0.8;color: #ffffff;width: 100%;height: 30px;line-height: 30px;z-index: 999">
                <span class="headImgText">精品  |  新用户优惠科寓精装公寓</span>
            </div>
            <div class="swiper-pagination" style="z-index: 999;">
            </div>
        </div>

        <div>

        </div>
        <div class="weui-row">
            <div class="weui-col-33">
                <a href="houseSearch?groupFlag=1&openId=<%= session.openId %>" class="cirlcBlock">
                    <div class="menuBar">
                        <img src="<%= global.config.publicPath %>/page/images/changzu1.png" alt="" class="menuBarImg">
                    </div>
                </a>
                <p class="navFont">
                    我要长租
                </p>
            </div>
            <div class="weui-col-33">
                <a href="shortRentList?groupFlag=1&openId=<%= session.openId %>" class="cirlcBlock">
                    <div class="menuBar">
                        <img src="<%= global.config.publicPath %>/page/images/duanzu1.png" alt="" class="menuBarImg">
                    </div>
                </a>
                <p class="navFont">
                    我要短租
                </p>
            </div>
            <div class="weui-col-33">
                <a href="bill?openId=<%= session.openId %>" class="cirlcBlock">
                    <div class="menuBar">
                        <img src="<%= global.config.publicPath %>/page/images/zhangdan1.png" alt="" class="menuBarImg">
                    </div>
                </a>
                <p class="navFont">
                    服务
                </p>
            </div>
        </div>
        <div class="weui_panel_hd" style="margin-top: -10px">
            <% if(data.houseList.length > 5) { %>
            <a class="pull-right" href="houseSearch?openId=<%= session.openId %>" style="font-size: 0.8rem;color: #515151"></a>
            <% } %>
        </div>

        <div >
            <div style="height: 30px"><p class="textCenter introduceHouseTitle">—&nbsp;&nbsp;推荐房源&nbsp;&nbsp;—</p></div>
            <div class="houseContainer">
                <% for(var i = 0;i < data.houseList.length;i++) { %>
                <a href="houseInfo?groupFlag=1&apartmentCity=<%= data.houseList[i].apartmentCity %>&houseGroup=<%= data.houseList[i].houseGroup %>">
                    <div class="weui-row imgBox">
                        <div style="position: relative">
                            <!--<img src="<%= global.config.publicPath %>/page/img/banner/4.jpg" class="houseImg">-->
                            <img src="<%= '/yams-upload'+ (data.houseList[i].primaryImage || '/images/noImage.png') %>" class="houseImg">
                        </div>
                        <%
                            let houseType=data.houseList[i].houseType;
                            let type;
                            switch (houseType){
                                case '01':
                                    type='单间';
                                    break;
                                case '02':
                                    type='次卧';
                                    break;
                                case '03':
                                    type='主卧';
                                    break;
                                case '04':
                                    type='一室一厅';
                                    break;
                                case '05':
                                    type='二室一厅';
                                    break;
                            }
                        %>
                        <div class="textContent">
                            <div class="textOverContent">
                                <p style="font-size: 16px;color: #101010" class="textone">#<%= data.houseList[i].shortDesc==''?'暂无介绍':data.houseList[i].shortDesc %></p>
                                <p class="ptext textone" style="margin-top: 5px">
                                    <span><%= type%>&nbsp;-&nbsp;<%= data.houseList[i].area %>m²</span>&nbsp;-&nbsp;<%= data.houseList[i].name %><span style="color: #4FA858">&nbsp;-&nbsp;可入住</span></p>
                            </div>
                            <div style="position: absolute;right: 0px;top: 8px;color: #f6ba40;font-size: 16px">¥<%= data.houseList[i].monthly %>/月</div>
                        </div>
                    </div>
                    <div style="background:linear-gradient(to left,#efefef,#b6b6b6,#efefef);height:1px;"></div>
                </a>
                <% } %>
            </div>
            <% if(!data.houseList.length) { %>
            <div style="padding: 20px;">暂无更多推荐房源</div>
            <% } %>
        </div>

        <div class="weui_panel weui_panel_access">

        </div>

    </div>
    <div class="weui_tabbar" style="position: fixed">
        <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
            <div class="weui_tabbar_icon">
                <img src="<%= global.config.publicPath %>/page/images/nav1.png" alt="">
            </div>
            <p class="weui_tabbar_label" style="color: #0f1a5b">我要租房</p>
        </a>
        <a href="news?openId=<%= session.openId %>" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="<%= global.config.publicPath %>/page/images/nav22.png" alt="">
            </div>
            <p class="weui_tabbar_label" style="color: #c5c5c5">科寓动态</p>
        </a>
        <a href="account?openId=<%= session.openId %>" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="<%= global.config.publicPath %>/page/images/nav33.png" alt="">
            </div>
            <p class="weui_tabbar_label" style="color: #c5c5c5">我</p>
        </a>
    </div>
</div>
<% include common/footer.ejs %>
<script src="<%= global.config.publicPath %>/Swiper/3.3.1/js/swiper.jquery.<%= global.config.mode %>js"></script>
<script>
    $(".swiper-container").swiper({
        loop: true,
        autoplay: 5000,
//        paginationType:	'bullets',
//        paginationHide:true,
//        pagination:'.swiper-pagination'

    });
</script>
</body>
</html>